p.dotted { outline-style: dotted; }
p.dashed { outline-style: dashed; }
p.solid { outline-style: solid; }
p.double { outline-style: double; }
p.groove { outline-style: groove; }
p.ridge { outline-style: ridge; }
p.inset { outline-style: inset; }
p.outset { outline-style: outset; }

p.ex1 {
  outline: dashed;
  outline-style: solid;
  outline-color: red;
  outline-color: #ff0000;
  outline-color: rgb(255, 0, 0);
  outline-color: hsl(0, 100%, 50%);
}

p.ex2 {
  border: 1px solid black;
  outline: dotted red;
  outline-width: medium;
}

p.ex3 {
  border: 1px solid black;
  outline: 5px solid yellow;
  outline-width: thick;
}

p.ex4 {
  border: 1px solid black;
  outline: thick ridge pink;
  outline-width: 4px;
}

p {
  margin: 30px;
  background: yellow;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 15px;
}